<!DOCTYPE HTML>
<html>
<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>心灵影院</title>
    <meta name="description" content="MSUI: Build mobile apps with simple HTML, CSS, and JS components.">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <meta name="referrer" content="never">

    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">


    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>


    <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>

    <script src="http://vjs.zencdn.net/6.2.4/video.js"></script>

    <link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
    <!--<script src="http://vjs.zencdn.net/c/video.js"></script>-->
    <style type="text/css">
        .video-js {
            width: 100%;
            height: 56.25%;
        }
        .movieName{
            display: block;
            text-align : left;
            padding-left: .05rem;
            font-size: .85rem;
            color: #ffffff;
        }
        .movieExplain{
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -webkit-line-clamp:1;
            font-size: .7rem;
            padding-left: .05rem;
            color: #4d5b72;
        }
        .row{
            margin-top: .5rem;
            margin-left: 0;
        }
        .row .col-80{
            width: 65%;
        }

        .row .col-20{
            width: 25%;
            padding-top: 0.4rem;
        }

        .button-success.button-fill{
            background-color: #f9d13f;
            color: #1a1a1a;
            border-radius:1rem;
            display: inline;
            padding: .4rem .8rem .3rem .8rem;
        }



        hr{
            margin: 0px;
            width: 100%;
            height: 8px;
            border: 0px;
            background-color: #181b20;
            border-top: #010101 1px;
            border-bottom: #010101 1px;
        }

        .flex a{
            float: left;
            width: 5rem;
            color: #ffffff;
        }
        ul{
            -webkit-padding-start: 0px;
            -webkit-margin-before: 0em;
        }

        .padding_lift_5{
            padding-left: 5px;
        }

        /*.row i{*/
            /*background: url(/img/icon.png) no-repeat;*/
            /*width: 20px;*/
            /*height: 20px;*/
            /*float: left;*/
        /*}*/
        .row span{
            float: left;
            margin-right: 2rem;
            margin-left: .5rem;
        }
        /*.collection{*/
            /*background-position: 0px 0px;*/
            /*float: left;*/
        /*}*/

        /*.comment{*/
            /*background-position: 0px -66px;*/

        /*}*/
        /*.share{*/
            /*background-position: 0px -66px;*/

        /*}*/



    </style>






</head>
<body class="theme-dark">
<div class="page-group">
    <div id="page-swiper" class="page">
        <nav class="bar bar-tab">
            <a class="tab-item external active" href="#">
                <span class="icon icon-home"></span>
                <span class="tab-label">推荐</span>
            </a>
            <a class="tab-item external " href="/movieIndex">
                <span class="icon icon-computer"></span>
                <span class="tab-label">看片</span>
            </a>
            <a class="tab-item external"  href="/myCore">
                <span class="icon icon-me"></span>
                <span class="tab-label">我的</span>

            </a>

        </nav>
        <div class="content">
            <ul id="li_content">
                <!--<li>-->
                    <!--<div class="video">-->
                        <!--<video id="my_video_1" class="video-js" controls preload="auto" poster="http://101.201.122.79:8083/Images/upload/videoPhoto/596adcc774c36b070e69ec90.jpg" >-->
                            <!--<source src="http://v.xinjiantv.com/2b0a3f199066422b93d7292039706679/b965a1c45e684908be9c12e1036648f7-5287d2089db37e62345123a1be272f8b.mp4" type="video/mp4">-->
                        <!--</video>-->
                    <!--</div>-->
                    <!--<div class="row padding_lift_5">-->
                        <!--<div class="col-80">-->
                     <!--<span class="movieName padding_lift_5">-->
                                    <!--别人家的孩子-->
                                <!--</span>-->
                            <!--<span class="movieExplain padding_lift_5">美国2015-剧情</span>-->

                        <!--</div>-->
                        <!--<div class="col-20">-->
                            <!--<div > <a href="#" class="button button-fill button-success">马上去看</a></div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<hr/>-->
                    <!--<div class="row  padding_lift_5">-->
                        <!--<a  href="#" class="collection">-->
                            <!--<i></i><span>1</span></a>-->
                        <!--<a  href="#" class="comment"><i></i> <span>1</span></a>-->
                        <!--<a  href="#" class="share"><i></i> <span>1</span></a>-->
                    <!--</div>-->

                <!--</li>-->

                <!--<li>-->
                    <!--<div class="video">-->
                        <!--<video id="my_video_1" class="video-js" controls preload="auto" poster="http://101.201.122.79:8083/Images/upload/videoPhoto/596adcc774c36b070e69ec90.jpg" >-->
                            <!--<source src="http://v.xinjiantv.com/2b0a3f199066422b93d7292039706679/b965a1c45e684908be9c12e1036648f7-5287d2089db37e62345123a1be272f8b.mp4" type="video/mp4">-->
                        <!--</video>-->
                    <!--</div>-->
                    <!--<div class="row padding_lift_5">-->
                        <!--<div class="col-80">-->
                     <!--<span class="movieName padding_lift_5">-->
                                    <!--别人家的孩子-->
                                <!--</span>-->
                            <!--<span class="movieExplain padding_lift_5">美国2015-剧情</span>-->

                        <!--</div>-->
                        <!--<div class="col-20">-->
                            <!--<div > <a href="#" class="button button-fill button-success">马上去看</a></div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<hr/>-->
                    <!--<div class="row  padding_lift_5">-->
                        <!--<a  href="#" class="collection">-->
                            <!--<i></i><span>1</span></a>-->
                        <!--<a  href="#" class="comment"><i></i> <span>1</span></a>-->
                        <!--<a  href="#" class="share"><i></i> <span>1</span></a>-->
                    <!--</div>-->

                <!--</li>-->
              </ul>




            <di id="div_commentfoot"></di>
        </div>
    </div>
</div>


</body>

<script type='text/javascript' src='/js/mortise/comm.js' charset='utf-8'></script>
<script type="text/javascript">


    //页面加载完成
    Zepto(function($) {
        LoadTuijian();
    });
    var filmObject = {
        pno: 1,
        pagesize: 5,
        allcount: -1
    }
    function loadMore() {
        filmObject.pno++;
        LoadTuijian();
    }
    //加载广告
    function LoadTuijian() {
        $.ajax({
            type: 'get',
            url:
            '/api/video/getvideotop?classtype=1&pno='+filmObject.pno+'&pagesize='+filmObject.pagesize+'&allcount=-1',
            dataType: 'json',
            success: function(data){
                if(mortise_layout.ValidataResult(data)){
                    //{"code":"OperateOk","errorMsg":"","result":{"list":[{"fId":"594cabc05bc42d07a0aa541a","fName":"一个钓鱼的故事","fFilmtype":"1000010100000000000","fYear":2016,"fCountry":12,"fKeyword":"一个钓鱼的故事","fPhoto":"http://119.10.70.142:9080/Images/upload/videoPhoto/595a87fe37ca1d108069af15.png","fPhotow":"http://101.201.122.79:8083/Images/upload/videoPhoto/596adca774c36b070e69ec8e.jpg","fDirector":"Matt Birman","fPerformer":"Eddie McClintock, Jayne Heitmeyer, Jordyn Negri ","fShowtime":"2016-12-12","fScore":0.0,"fPricetagid":"0","fPricetagname":"免费电影","fIntime":"2017-06-23 14:20:23","fShow":1,"fLookct":0,"fMakelookct":11,"fGoodct":0,"fMakegoodct":12,"fCollect":2,"fMakecollect":13,"fPlayct":132,"fMakepalyct":15,"fSharect":0,"fMakesharect":null,"fBuyct":0,"fCommentct":22,"fSourceurl":null,"fCountryname":"加拿大","fFilmtypename":"喜剧/剧情/奇幻","fImpression":"印象"},{"fId":"5930e4cd1c886e2dc0d45342","fName":"末世迷踪：下一代","fFilmtype":"0000000100000000000","fYear":2016,"fCountry":4,"fKeyword":"末世迷踪：下一代","fPhoto":"http://119.10.70.142:9080/Images/upload/videoPhoto/595a88f137ca1d108069af17.png","fPhotow":"http://101.201.122.79:8083/Images/upload/videoPhoto/596adcc774c36b070e69ec90.jpg","fDirector":"Larry A. McLean","fPerformer":" Amber Frank, Mason Dye, Dylan Sprayberry","fShowtime":"2017-06-02","fScore":0.0,"fPricetagid":"0","fPricetagname":"免费电影","fIntime":"2017-06-02 12:08:34","fShow":1,"fLookct":1,"fMakelookct":15,"fGoodct":2,"fMakegoodct":25,"fCollect":2,"fMakecollect":0,"fPlayct":17,"fMakepalyct":5,"fSharect":1,"fMakesharect":null,"fBuyct":0,"fCommentct":4,"fSourceurl":null,"fCountryname":"美国","fFilmtypename":"奇幻","fImpression":null},{"fId":"594c95065bc42d07a03f1fac","fName":"大婴儿","fFilmtype":"1100010000000000000","fYear":2015,"fCountry":4,"fKeyword":"大婴儿","fPhoto":"http://119.10.70.142:9080/Images/upload/videoPhoto/595a887337ca1d108069af16.png","fPhotow":"http://101.201.122.79:8083/Images/upload/videoPhoto/596adcb874c36b070e69ec8f.jpg","fDirector":"Stephen Langford","fPerformer":"Maureen McCormick, Andrew Lawrence, Ken Davitian","fShowtime":"2015-12-12","fScore":0.0,"fPricetagid":"1","fPricetagname":"2元电影","fIntime":"2017-06-23 12:43:35","fShow":1,"fLookct":0,"fMakelookct":11,"fGoodct":0,"fMakegoodct":12,"fCollect":1,"fMakecollect":13,"fPlayct":11,"fMakepalyct":15,"fSharect":0,"fMakesharect":null,"fBuyct":0,"fCommentct":4,"fSourceurl":null,"fCountryname":"美国","fFilmtypename":"喜剧/爱情/剧情","fImpression":"印象"},{"fId":"594cacc75bc42d07a0aa541b","fName":"正义","fFilmtype":"1100000000000000000","fYear":2016,"fCountry":4,"fKeyword":"正义","fPhoto":"http://119.10.70.142:9080/Images/upload/videoPhoto/595a87a137ca1d108069af14.png","fPhotow":"http://101.201.122.79:8083/Images/upload/videoPhoto/596adc9d74c36b070e69ec8d.jpg","fDirector":"Richard Gabai","fPerformer":" Stephen Lang, Jackson Rathbone, Jamie-Lynn Sigler ","fShowtime":"2016-12-12","fScore":0.0,"fPricetagid":"0","fPricetagname":"免费电影","fIntime":"2017-06-23 14:24:45","fShow":1,"fLookct":0,"fMakelookct":11,"fGoodct":0,"fMakegoodct":12,"fCollect":0,"fMakecollect":13,"fPlayct":4,"fMakepalyct":15,"fSharect":0,"fMakesharect":null,"fBuyct":0,"fCommentct":0,"fSourceurl":null,"fCountryname":"美国","fFilmtypename":"喜剧/爱情","fImpression":"印象"}]},"allcount":0}

                    filmObject.allcount=data.result.count;
                    var dataCount=data.result.count;
                    var videoList=data.result.list;
                    if(videoList&& videoList.length>0){
                        var _html='';
                        $.each(videoList,function (index,item) {
                            _html+='   <li> <div class="video">'+
                            '  <video id="'+item.fObject.fId+'" ' +
                                '                   class="video-js vjs-default-skin vjs-vjs-16-9"' +
                                ' controls preload="auto"' +
                                ' poster="'+item.fObject.fPhotow+'">'+
                            '  <source src="" type="video/mp4">' +
                            '  </video>'+
                            '  </div>'+
                            '  <div class="row padding_lift_5">'+
                            '  <div class="col-80">'+
                            '  <span class="movieName padding_lift_5">'+
                            item.fName+
                            '  </span>'+
                            '  <span class="movieExplain padding_lift_5">'+item.fObject.fKeyword+'</span>'+
                            '  </div>'+
                            '  <div class="col-20">'+
                            '  <div > <a href="javascript:GoToVideoInfo(\''+item.fObject.fId+'\')" class="button button-fill button-success">查看详情</a></div>'+
                            '  </div>'+
                            '  </div>'+
                            '  <hr/>'+
                                    '</li>';
//                            '  <div class="row  padding_lift_5">'+
//                            '  <a  href="#" class="collection">'+
//                            '  <i></i><span>1</span></a>'+
//                            '  <a  href="javascript:GoToVideoInfo(\''+item.fObject.fId+'\')" title="评论"  class="comment"><i></i> <span>' +
//                                +item.fObject.fCommentct+'</span></a>'+
//                            '  <a  href="#" title="分享" class="share"><i></i> <span>'+item.fObject.fSharect+'</span></a>'+
//                            '  </div>   </li>';
                        });
                        if (dataCount>( filmObject.pno)* filmObject.pagesize){
                            $('#div_commentfoot').html('<span style="cursor:pointer" onclick="loadMore()">查看更多...</span>');
                        }
                        else{
                            //over
                            $('#div_commentfoot').html('<span style="cursor:pointer" >没有数据了...</span>');
                        }
                        $('#li_content').html(_html);
                        $.each($('video'),function (index,item) {
                            item.addEventListener('play',VideoPlay);
                        });
                    }

                }
            }
        });
    }
    var Data_CurrentPlay;
    function  VideoPlay(e) {
      var tagid=e.target.id;

      var src=e.target.src;
      if (Data_CurrentPlay&& Data_CurrentPlay.id!=tagid){
          Data_CurrentPlay.pause();
      }

      if (src){//如果有视频则播放
          Data_CurrentPlay=e.target;
      }
      else{//没有则请求
          $.ajax({
              type: 'post',
              url: '/api/videoloal/getvideoLocal1_0?classtype=1&fSourcetype=2&objectid='+tagid,
              dataType: 'json',
              success: function (data) {
                  if (mortise_layout.ValidataResult(data)) {
                      if(data.code!=='NoResult'){
                          if (data.result.videoVoucher) {
                              e.target.src=data.result.videoVoucher;
                              e.target.play();
                          }
                          else{
                          }
                      }
                      else{
                            alert('没有片花')
                      }


                  }
              }
          });
      }

    }




</script>




</html>